<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/goodsCar.css">
</head>

<body>
    <div id="top">
        <div class="container top">
            <div class="l top-l">
                <a href="javascript:;">
                    <p class="l">Hi, 欢迎来到洋码头!</p>
                </a>
                <a href="javascript:;"><span>我是买手</span></a>
            </div>
            <div class="r top-r">
                <ul>
                    <li><a href="http://localhost/object/login.html" id="header-login" class="header-login">登录</a></li>
                    <li><a href="http://localhost/object/register.html" id="header-zhuce" class="header-zhuce">注册</a>
                    </li>
                    <li><a href="javascript:;" class="header-char">购物车</a></li>
                    <li><a href="javascript:;">我的订单</a></li>
                    <li><a href="javascript:;">个人中心</a></li>
                    <li><a href="javascript:;">规则&公告</a></li>
                </ul>
            </div>
        </div>
    </div>
    <header class="container">


        <div class="goods-car-top">
            <div class="goods-car-top-l l">
                <a class="goods-car-logo l">
                </a>
                <h3>购物车</h3>
            </div>
            <ul class="goods-car-top-r r">
                <li>
                    <span>1</span>我的购物车
                </li>
                <li>
                    <span>2</span>提交订单
                </li>
                <li>
                    <span>3</span>选择支付方式
                </li>
            </ul>
        </div>
    </header>
    <main class="container">
        <div class="main-top">
            <span>全部商品</span>
        </div>

        <div class="yincang">
            <span class="car-logo"></span>
            <p class="car-logo-p">购物车还是空空的呢，<a href="javascript:;">快去逛逛吧>></a></p>
        </div>

        <div class="main-body">
            <p class="main-body-top-p">海外买手会根据现行国家政策要求，通过不同的物流方式分别发货，其实对你没有影响啦~</p>
            <div class="goodsall">
                <span class="select-all"><input type="checkbox">全选</span>
                <span class="goods-mation">商品信息</span>
                <span class="goods-price">单价（元）</span>
                <span class="goods-num">数量</span>
                <span class="goods-sub">金额（元）</span>
                <span class="goods-oper">操作</span>
            </div>

            <div class="goodsall-count">
                <span class="select-all-count"><input type="checkbox">全选</span>
                <span class="goods-mation-count">删除选中商品</span>
                <div class="count r">
                    <p>已选<span class="goodsall-num">0</span>件商品，总价：
                        <span style="color: #c33;font-size:20px;">￥</span>
                        <span class="goodsall-sub">0.00</span>
                    </p>
                    <span class="jiesuan">结算</span>
                </div>

            </div>



        </div>







        <div class="main-top">
            <span style="text-align: left;font-weight: 500;padding-left: 30px;">猜你喜欢</span>
        </div>
        <ul class="youlove">

        </ul>
    </main>


    <footer></footer>
    <div class="renwu-chacao"></div>
</body>

</html>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="./js/cookie.js"></script>
<script src="./js/goodsCar.js"></script>
<script>
    $('footer').load("./Footer.html")
    $('.renwu-chacao').load("./renwu.html")
</script>